.grid-row {
  width: 1500px;
  margin: 0 auto;
}

@media screen and (max-width: 1550px) {
  .grid-row {
    width: 1200px;
  }
}

@media screen and (max-width: 1250px) {
  .grid-row {
    width: 900px;
  }
}

@media screen and (max-width: 950px) {
  .grid-row {
    width: 600px;
  }
}

@media screen and (max-width: 650px) {
  .grid-row {
    width: 100%;
  }
}

// grid-box
.grid-row {
  .grid-box {
    width: 300px;
  }
}
@media screen and (max-width: 650px) {
  .grid-row {
    .grid-box {
      width: 100%;
      float: none!important;
      clear: both;
    }
  }
}